<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./css/contorlLink.css" type="text/css">
		<style type="text/css">
			body{
				margin: 50px;
			}
			table{
				border: none;
				/* 我找了好久 */
				border-spacing: 10px;
			}
			td{
				border: none;
			}
		</style>
	</head>
	<body>
		<form action="" method="post">
			<table border="" >
				<tr class="intaval"><td colspan="2" align = "center">注册</td></tr>
				<tr class="intaval">
					<td>用户名：</td>
					<td><input type="text" name="username" id="" value="" /></td>
					
				</tr>
				<tr>
					<td>密码：</td>
					<td><input type="password" name="passkey" id="" value="" /></td>
				</tr>
				<tr>
					<td>性别:</td>
					<td><input type="radio" name="gender" id="" value="" />男 &nbsp; &nbsp;
					<input type="radio" name="gender" id="" value="" />女 </td>
				</tr>
				<tr>
					<td>学院</td>
					<td><select name="academy" id="">
						<option value="">软件工程学院</option>
						<option value="">信息技术学院</option>
						<option value="">航空宇航技术学院</option>
						</select></td>
				</tr>
				<tr>
					<td>爱好</td>
					<td><input type="checkbox" name="hobby" id="" value="" /> 唱 
						<input type="checkbox" name="hobby" id="" value="" /> 跳
						<input type="checkbox" name="hobby" id="" value="" /> rap 
						<input type="checkbox" name="hobby" id="" value="" /> 篮球</td>
				</tr>
				<tr>
					<td align = "center">自我介绍：</td>
					<td><textarea rows="10" cols="50" name="introduce"></textarea><br></td>
				</tr>
				<tr>
					<td colspan="2" align = "center"><button type="submit">提交</button></td>
				</tr>
				
			</table>
			
			<button type="button" id="information">获取信息</button>
			
		</form>
		
	</body>
	<script type="text/javascript">
		document.getElementById("information").onclick = search;
			
		function search(){
			console.log("run");
			/* nope */
			var hoArray = document.getElementsByName("hobby");
			console.log(hoArray);
			
		}
		
	</script>